<template>
	<view class="card">
		<input type="number" v-model="input" :placeholder="message" placeholder-class="text" />
	</view>
</template>

<script>
	export default {
		props: {
			message: ""
		},
		computed: {
			get_message() {
				return this.message
			},
		},
		data() {
			return {
				input: ""
			}
		},
	}
</script>

<style>
	.card {
		background-color: #F5F5F5;
		margin: 50rpx auto;
		padding: 35rpx 55rpx;
		border-radius: 200rpx;

		// width: 70%;
		.text {
			font-size: 35rpx;
		}
	}
</style>
